<!doctype html>
<html><!-- InstanceBegin template="/Templates/tem.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无标题文档</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="css/bootstrap-4.3.1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="container-fluid">
  <div class="container">
    <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light nav_my">
      <div class="container">
        <div class="collapse navbar-collapse" id="navbarSupportedContent1">
          <ul class="navbar-nav mr-auto nav_list">
            <li class="nav-item active"> <a class="nav-link fontsize" href="#">首页</a> </li>
            <li class="nav-item active"> <a class="nav-link fontsize" href="html/dyclass.html">电影</a> </li>
            <li class="nav-item active"> <a class="nav-link fontsize" href="html/dsjclass.html">电视剧</a> </li>
            <li class="nav-item active"> <a class="nav-link fontsize" href="html/dmclass.html">动漫</a> </li>
          </ul>
          <form class="form-inline my-2 my-lg-0" action="html/sou.html" method="get">
            <input class="form-control mr-sm-2" type="text" placeholder="输入关键字" aria-label="Search" name="text">
            <button class="btn btn-outline-success my-2 my-sm-0 button tree-default" type="submit"></button>
            <div class="wx tre-default"></div>
            <ul class="navbar-nav mr-auto logo">
              <li class="nav-item active"> <a class="nav-link" href="#">登录</a> </li>
              <li class="nav-item active"> <a class="nav-link" href="#">注册</a> </li>
            </ul>
          </form>
        </div>
      </div>
    </nav>
  </div>
</div>
    
<!-- InstanceBeginEditable name="EditRegion4" -->
    <div class="container-fluid lunbo_top">
  <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" style="background-color: grey">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
      <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
      <li data-target="#carouselExampleIndicators1" data-slide-to="3"></li>
      <li data-target="#carouselExampleIndicators1" data-slide-to="4"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
      <div class="carousel-item active"> <img class="d-block mx-auto lunbo" src="img/web/1.jpeg" alt="First slide"> </div>
      <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/2.jpeg" alt="Second slide"> </div>
      <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/3.jpeg" alt="Third slide"> </div>
      <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/4.jpeg" alt="Third slide"> </div>
      <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/5.jpeg" alt="Third slide"> </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
</div><!-- InstanceEndEditable -->
    
<!-- InstanceBeginEditable name="EditRegion3" -->
<div class="container ">
<form class="col-xl-6 m-auto justify-content-center" action="html/sou.html" method="get">
  <div class="sou_box">
    <div class=" sou_box_div1">
      <input class=" input-sou" type="text" placeholder="输入关键字" name="text">
    </div>
    <div class="auto_logo"> <img class="logo_btn" src="img/logo1.jpeg" alt="">
      <button class="btn  my-2 my-sm-0 sou" type="submit">观看</button>
    </div>
  </div>
</form>
</div>  
<div class="container">
  <div class="tuijian"> <span class="h_l">最新热门电影推荐</span> <span  class="h_r"><a href="">查看更多</a></span>
    <hr class="h_hr">
  </div>
  <div class="row dy_list" id="dy_list">
    
 
      
  </div>
</div>
<div class="container">
  <div class="tuijian"> <span class="h_l">最新热门电视剧推荐</span> <span  class="h_r"><a href="">查看更多</a></span>
    <hr class="h_hr">
  </div>
  <div class="row" id="dsj_list">
   
   
  </div>
</div>
<!-- InstanceEndEditable -->

<div class="container-fluid footer1">
  <div class="container">
    <h2>VIP电影系统 - 搜索全网vip视频观看</h2>
    <span>加入我们</span> </div>
</div>
<div class="container-fluid footer2">
  <div class="container"> <span>本站提供的最新电影和电视剧资源均系收集于各大视频网站,本站只提供web页面服务,并不提供影片资源存储,也不参与录制、上传</span> <span>若本站收录的节目无意侵犯了贵司版权，请给网页底部邮箱地址来信,我们会及时处理和回复,谢谢。</span> <span>管理员邮箱：admin@abc.com</span> <span>© 2019 VIP电影系统  ICP备xxxx号  本站主题由 【VIP电影系统】 提供</span> </div>
</div>
<script src="js/jquery-3.3.1.min.js"></script> 
<script src="js/popper.min.js"></script> 
<script src="js/bootstrap-4.3.1.js"></script>
<script src="js/axios.min.js"></script>
<script type="text/javascript">
	var dylist =document.getElementById("dy_list");
	var lists1="";
	// 为给定 ID 的 user 创建请求
	 axios({
	     headers: {
	'Access-Control-Allow-Origin': '*',
	"Access-Control-Allow-Headers": "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild",
	},//设置跨域请求头
	    method: "GET",//请求方式
	      url: "http://127.0.0.1:8080/hello"//请求地址
	      
	    })
	      .then(function(res) {
	      	//返回值
	        console.log(res.data);
	        for(var i=0;i<24;i++){
	        	console.log(res.data[0][i].names)
					lists1+=" <div class='col-lg-2 row_a'><a href='html/bofang.html?dy="+res.data[0][i].hrefs+"' ><div> <img class='tp' src='"+res.data[0][i].imgs+"' alt=''> </div><div class='row_div2'> <span class='row_span1'>"+res.data[0][i].names+"</span> <span class='row_span2'>"+res.data[0][i].jieshaos.substring(0,13)+"</span> </div></a> </div>";
				console.log(dylist.innerHTML)
			
			}
			console.log(lists1)
			dylist.innerHTML=lists1;
	      })
	      .catch(function(err) {
	        console.log(err);
	      });
		 
		  
</script>
<script type="text/javascript">
	var dsj_list =document.getElementById("dsj_list");
	var lists2="";
	// 为给定 ID 的 user 创建请求
	 axios({
	     headers: {
	'Access-Control-Allow-Origin': '*',
	"Access-Control-Allow-Headers": "Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild",
	},//设置跨域请求头
	    method: "GET",//请求方式
	      url: "http://127.0.0.1:8080/hellos"//请求地址
	    })
	      .then(function(res) {
	      	//返回值
	        console.log(res.data);
	        for(var i=0;i<24;i++){
				lists2+="<div class='col-lg-2 row_a'> <a href='html/bofang.html?dsj="+res.data[0][i].hrefs+"' class=''><div> <img class='tp' src='"+res.data[0][i].imgs+"' alt=''> </div><div class='row_div2'> <span class='row_span1'>"+res.data[0][i].names+"</span> <span class='row_span2'>"+res.data[0][i].jieshaos+"</span><span class='row_span2'>"+res.data[0][i].time+"</span> </div></a> </div>";
	        	// console.log(res.data[0][i].names)
					// lists+=" <div class='col-lg-2 row_a'><a href='html/bofang.html?a="+res.data[0][i].hrefs+"' ><div> <img class='tp' src='"+res.data[0][i].imgs+"' alt=''> </div><div class='row_div2'> <span class='row_span1'>"+res.data[0][i].names+"</span> <span class='row_span2'>"+res.data[0][i].jieshaos.substring(0,13)+"</span> </div></a> </div>";
				// console.log(dylist.innerHTML)
			
			}
			// console.log(lists)
			dsj_list.innerHTML=lists2;
			// dylist.innerHTML=lists;
	      })
	      .catch(function(err) {
	        console.log(err);
	      });
</script>



<!-- <script type="text/javascript">
	$.ajax({
	        url: 'http://127.0.0.1:8080/hello',
	        type: "GET",
	        xhrFields: {
	           withCredentials: true //允许跨域认证
	        },
	        success: function (data) {
	            console.log("跨域访问成功:"+data);
	        },
	        error: function (data) {
	           console.log("跨域访问失败:");
	        }
	    })
</script> -->




</body>
<!-- InstanceEnd --></html>
